import 'dart:convert';

import 'package:flutter/material.dart';


void main() {
  runApp(MaterialApp(home: const SecondScreen()));
}

class SecondScreen extends StatelessWidget {
  const SecondScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Second Screen'),
      ),
      body:
      Wrap(
        alignment:WrapAlignment.start,
        spacing: 16.0, // 子组件之间的水平间距
        runSpacing: 4.0, // 行与行之间的垂直间距
        children: [
          Chip(label: const Text('Item 1'),
            deleteIcon: const Icon(Icons.delete),
            onDeleted: () {
              print('Chip deleted');
            },
          ),
          const Chip(label: Text('Item 2'),
            shape: StadiumBorder(side: BorderSide(color: Colors.blue)),
          ),
          const Chip(label: Text('Item 3')),
          const Chip(label: Text('Item 4')),
          const Chip(label: Text('Item 5')),
          const Chip(label: Text('Item 6')),
          const Chip(label: Text('Item 1')),
          const Chip(label: Text('Item 2')),
          const Chip(label: Text('Item 3')),
          const Chip(label: Text('Item 4')),
          const Chip(label: Text('Item 5')),
          const Chip(label: Text('Item 6')),
        ],
      )

    );
  }
}
